/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2019-10-28, 13:32:32
    Author     : kaifashi002
*/
.screen{
    background:url(../images/background.jpg) center;
    background-color:#0d1836;/*#094871;*/
    background-size:100% 100%;
    background-attachment:fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
}
.bd{
    background-color: #0d1836 !important;
}
.foot{
    position: fixed; bottom: 0px; left: 0px; width: 100%; text-align: center; color: #fff; background-color: rgba(12,22,53,0.85);
}
.foot .company a{
    margin: 0px 5px;
}
.head-nav-level2{
    background-color:transparent !important; height:50px;
}
.logo,.nav-box{
    display:none !important;
}
.top-login{
    margin-top:0px !important; padding-left:20px !important;
}
.top-login a, .top-login span{
    color:#0ff !important;
}
.underlayer_wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
}
.upperlayer_wrapper{
    pointer-events: all;
}
.wrapper-left,.wrapper-right{
    position:fixed;
}
.wrapper-top{
    position: absolute; top:0px; width:100%; height:100px;
}
.wrapper-top .main-title{
    width:100%; height:50px; text-align:center;
    background:url(../images/title.png) no-repeat center; background-size: 100% 60%;
}
.wrapper-top .main-title span{
    font-size: 24px; color: #0ff; line-height: 50px; letter-spacing: .1em; font-weight:bolder;
}
.wrapper-top .menus{
    width:100%; height:50px; text-align:center; line-height: 50px; overflow: hidden; left: 0px;
    background:url(../images/border1-top.png) no-repeat center; background-size: 100% 100%; pointer-events: all;
}
.wrapper-top .menus a{
    margin:13px 10px; height:24px; line-height: 24px; font-size:14px; font-weight: bolder; color:#000; display: inline-block; cursor:pointer;padding: 0px 20px;
}
.wrapper-top .menus .space-menu{
    width:100px;
}
.wrapper-top .menus a span{
    padding:0px 20px; display: block; min-width:96px;
}
.left-menu{
    background:url(../images/btn-highblue-left.png) no-repeat center; background-size: 100% 100%;
}
.right-menu{
    background:url(../images/btn-highblue-right.png) no-repeat center; background-size: 100% 100%;
}
.left-menu:hover{
    background:url(../images/btn-origin-left.png) no-repeat center; background-size: 100% 100%;
}
.right-menu:hover{
    background:url(../images/btn-origin-right.png) no-repeat center; background-size: 100% 100%;
}
.wrapper-left{
    left:10px; top: 50px; bottom: 30px; width:30px; height:auto;
    background:url(../images/border1-left.png) no-repeat center; background-size: 100% 100%;
}
.wrapper-right{
    right:10px; top: 50px; bottom: 30px; width:30px; height:auto;
    background:url(../images/border1-right.png) no-repeat center; background-size: 100% 100%;
}
.wrapper-bottom{
    width:100%; height:30px; float:left; margin-top: -40px;
    background:url(../images/border1-bottom.png) no-repeat center; background-size: 100% 100%;
}
.wrapper{
    position:absolute; top: 100px; bottom: 0px; left: 0px; right: 0px; min-height: 565px; width: auto; height: auto; padding: 0px 20px;
}
.container-fluid{
    height:100%; min-height: 100%; padding: 0px 15px; margin: 0px auto;
    /*background:url(../images/border1-left.png) left,url(../images/border1-right.png) right,url(../images/border1-top.png) top,url(../images/border1-bottom.png) bottom;
    background-repeat:repeat-y,repeat-y,no-repeat,no-repeat;
    background-size:20px,20px,100%,100%;*/
}
.row{
    margin-left: -14px; margin-right: -16px;
}
.row>div{
    padding-left: 14px; padding-right: 16px;
}
.row1{
    /*margin-left: -5px; margin-right: -5px; float:unset !important; width:auto !important;*/
}
.col1{
    /*margin-top:-5px; margin-bottom:-5px;*/
}
.row-spacing-5{
    padding-left:5px; padding-right:5px;
}
.col-spacing-5{
    padding-top: 5px; padding-bottom: 5px;
}
.row1>div:first-child{
    padding-left:0px;
}
.row1>div:last-child{
    padding-right:0px;
}
.col1>div:first-child{
    padding-top:0px;
}
.col1>div:last-child{
    padding-bottom:0px;
}

.fill-h{
    height:100%; min-height: 100%; position: relative;
}
.fill-scrolling{
    height:100%; width:100%; overflow-y: hidden;
}
.fill-scrolling-x{
    height:100%; width:100%; overflow-y: hidden; overflow-x:auto;
}
.fill-scrolling-y{
    height:100%; width:100%; overflow-y: auto; overflow-x:hidden;
}
@media(min-width:800px) and (max-width:800px){
    .wrapper-top .main-title span{
        font-size: 28px; letter-spacing: .3em;
    }
}
@media(min-width:800px){
    .wrapper-top .main-title span{
        font-size: 26px; letter-spacing: .2em;
    }
    .col-lg-0{
        width:0%;
        display:none;
    }
    .col-lg-15{
        width:15%;
    }
    .col-lg-20{
        width:20%;
    }
    .col-lg-25{
        width:25%;
    }
    .col-lg-30{
        width:30%;
    }
    .col-lg-33{
        width:33.33%;
    }
    .col-lg-40{
        width:40%;
    }
    .col-lg-50{
        width:50%;
    }
    .col-lg-55{
        width:55%;
    }
    .col-lg-60{
        width:60%;
    }
    .col-lg-65{
        width:65%;
    }
    .col-lg-70{
        width:70%;
    }.col-lg-75{
         width:75%;
     }
    .col-lg-80{
        width:80%;
    }
    .col-lg-85{
        width:85%;
    }
    .col-lg-90{
        width:90%;
    }
    .col-lg-100{
        width:100%;
    }
    .col-lg-15,.col-lg-20,.col-lg-25,.col-lg-30,.col-lg-33,.col-lg-40,.col-lg-40,.col-lg-50,.col-lg-60,.col-lg-100,.col-lg-55,.col-lg-65,.col-lg-70,.col-lg-75,.col-lg-80,.col-lg-85,.col-lg-90{
        float:left;
    }
}
.col-lg-15,.col-lg-20,.col-lg-25,.col-lg-33,.col-lg-50,.col-lg-60,.col-lg-100,.col-lg-30,.col-lg-40,.col-lg-55,.col-lg-65,.col-lg-70,.col-lg-75,.col-lg-80,.col-lg-85,.col-lg-90{
    position: relative;
}
.col-lg1-0{
    width:0%;
    display:none;
}
.col-lg1-15{
    width:15%;
}

.col-lg1-20{
    width:20%;
}
.col-lg1-25{
    width:25%;
}
.col-lg1-30{
    width:30%;
}

.col-lg1-33{
    width:33.33%;
}

.col-lg1-40{
    width:40%;
}
.col-lg1-50{
    width:50%;
}
.col-lg1-55{
    width:55%;
}
.col-lg1-60{
    width:60%;
}

.col-lg1-65{
    width:65%;
}
.col-lg1-70{
    width:70%;
}

.col-lg1-75{
    width:75%;
}

.col-lg1-80{
    width:80%;
}
.col-lg1-85{
    width:85%;
}
.col-lg1-90{
    width:90%;
}
.col-lg1-100{
    width:100%;
}
.col-lg1-15,.col-lg1-20,.col-lg1-25,.col-lg1-33,.col-lg1-40,.col-lg1-50,.col-lg1-60,.col-lg1-75,.col-lg1-100,.col-lg1-30,.col-lg1-45,.col-lg1-55,.col-lg1-65,.col-lg1-70,.col-lg1-80,.col-lg1-85,.col-lg1-90{
    float:left; position: relative;
}

.xpanel-wrapper{
    padding-bottom: 30px;
}
.xpanel-wrapper-10{
    height:10%;
}
.xpanel-wrapper-20{
    height:20%;
}
.xpanel-wrapper-25{
    height:25%;
}
.xpanel-wrapper-30{
    height:30%;
}
.xpanel-wrapper-33{
    height:33.33%;
}
.xpanel-wrapper-35{
    height:35%;
}
.xpanel-wrapper-40{
    height:40%;
}

.xpanel-wrapper-45{
    height:45%;
}
.xpanel-wrapper-50{
    height:50%;
}
.xpanel-wrapper-55{
    height:55%;
}
.xpanel-wrapper-60{
    height:60%;
}
.xpanel-wrapper-65{
    height:65%;
}
.xpanel-wrapper-66{
    height:66.66%;
}
.xpanel-wrapper-70{
    height:70%;
}
.xpanel-wrapper-75{
    height:75%;
}
.xpanel-wrapper-80{
    height:80%;
}
.xpanel-wrapper-85{
    height:85%;
}
.xpanel-wrapper-90{
    height:90%;
}
.xpanel-wrapper-95{
    height:95%;
}
.xpanel-wrapper-100{
    height:100%;
}
.xpanel-box{
    width:100%; height:100%;
    padding:1px;
    background:url(../images/border-corner-lb.png) left bottom,
    url(../images/border-corner-rb.png) right bottom,
    url(../images/border-corner-lt.png) left top,
    url(../images/border-corner-rt.png) right top;
    background-repeat: no-repeat;
}
.xpanel-box3{
    width:100%; height:100%;
    padding:1px;
    pointer-events: all;
}
.xpanel{
    padding: 10px; height: 100%;
    background-color:rgba(0,0,0,.3);
    border:2px solid rgba(72,72,72,.3);
}
.xpanel3{
    padding: 10px; height: 100%;
    background-color:rgba(0,0,0,.3);
    border:1px solid rgba(72,72,72,.3);
}
.xpanel-label{
    padding:10px; height:100%; background-color:rgba(0,0,0,.3); border: 1px solid rgba(72,72,72,.3);
}
.xtitle{
    padding: 0px 30px; font-size: 16px; font-weight:bold; margin: 5px 0px; width: 100%; color: #fff; background:url(../images/subtitle.png) no-repeat; background-size:100% 100%;
}
.xtitle span{
    display: block;
}
.xmain{
    padding-bottom:30px; overflow: hidden;
}
.xlabel-wrapper{
    text-align: center; height:100%; overflow: hidden;
}
.xlabel-wrapper>a{
    margin: 5px 10px; height:100%; display: inline-grid;
}
.label-title{
    font-size: 16px; color:#75bcf7;
}
.label-value{
    font-size: 20px; font-weight: bold; color: #ff0; margin:0px 5px;
}
.overflow-y{
    overflow-y: auto;
}
.xlabel-wrapper-left,.xlabel-wrapper-left1{
    text-align: left; height:100%;
}
.xlabel-wrapper-left1>p{
    font-size:14px !important; color: #fff;
}
.xlabel-wrapper-left>a{
    position: relative; width:100%; height:50%; display: inline-block;
}
.xlabel-wrapper-left .label-title,.xlabel-wrapper-left1 .label-title{
    width:100%; color:#fff;
}
.xlabel-wrapper-left .label-value{
    position:absolute; bottom:0px; font-size:20px !important; margin: 0px;
}
.xlabel-wrapper-left1 .label-value{
    font-size:16px !important; margin: 0px;
}
.label-value[level=green]{
    color:#00ff00;
}
.label-value[level=yellow]{
    color:#ffff00;
}
.label-value[level=red]{
    color:#ff824f;
}
.xlabel-wrapper-left .label-unit{
    position:absolute; right:0px; bottom: 0px; color:#fff;
}
.xlabel-wrapper-middle{
    width:100%; height:100%; display:table;
}
.xlabel-wrapper-middle>a{
    display:table-cell; text-align: center; vertical-align: middle; color:#fff; font-size:14px;
}
/*监控指标*/
.xMoni-indi{
    cursor:pointer;
}
.xchart-wrapper{
    width:100%; height: 100%; text-align: center;
}
.xchart-wrapper>div{
    display: inline-block;
}
.xchart-title,.xchart-title1,.xchart-title2,xchart-title3{
    font-size: 12px; color:#fff; line-height:30px;
}
.xchart-title{
    padding-left: 30px; height:30px;
}
.xchart-title2{
    text-align: center; height:30px;
}
.xchart-title3>span{
    font-size:16px; padding: 0px 10px;
}
.xchart-title2>div{
    background-color: #0d1836;
}
.xchart-title2>span{
    vertical-align: middle;
}
.xchart-title>span,.xchart-title1>span,.xchart-title3>span{
    line-height:30px; float: left; display: inline-block;
}
.xlabel-right{
    text-align: right; width: 80px;
}
.xlabel-float-right{
    float:right !important; font-size: 24px !important;
}
.xcharts-item{
    color:#fff; font-size: 14px; overflow:hidden; padding-bottom: 20px;
}
.xtrend-icon,.xlabel-title-icon,.xlabel-icon-wranning,.xlabel-order-icon{
    width:30px; height:30px; display: inline-block;
}
.xlabel-title-icon{
    background:url(../images/icon/label-title-icon-30.png) no-repeat center; background-size: 80% 80%;
}
.xlabel-icon-wranning{
    background:url(../images/icon/label-wraning-icon-30.png) no-repeat center;
}
.xtrend-icon[type=up]{
    background:url(../images/icon/up-30.png) no-repeat center; background-size: 80% 80%;
}
.xtrend-icon[type=down]{
    background:url(../images/icon/down-30.png) no-repeat center; background-size: 80% 80%;
}
.xchartbtn{
    padding: 3px 10px; background-color: #274e73; color: #fff; font-size: 12px; margin-right: 5px; cursor: pointer;
}
.xselected{
    background-color:#00a9ad;
}
.xuser-icon{
    width:30px; height: 30px; display: inline-block; float: left; margin-left: 10px;
}
.xuser-icon[type=role1]{
    background:url(../images/icon/user-role1.png) no-repeat center;
}
.xuser-icon[type=role2]{
    background:url(../images/icon/user-role2.png) no-repeat center;
}
.xuser-icon[type=role3]{
    background:url(../images/icon/user-role3.png) no-repeat center;
}
.xuser-icon[type=role4]{
    background:url(../images/icon/user-role4.png) no-repeat center;
}
.xuser-icon[type=role5]{
    background:url(../images/icon/user-role5.png) no-repeat center;
}

.xtable,.xtable th,.xtable td{
    border: 1px solid #fff; color:#fff; font-size: 14px;
}
.xlabel-order-icon[type=up]{
    margin-right: -30px; background:url(../images/icon/label-order-icon-up-30.png) no-repeat center; background-size: 80% 80%;
}
.xlabel-order-icon[type=down]{
    margin-right: -30px; background:url(../images/icon/label-order-icon-down-30.png) no-repeat center; background-size: 80% 80%;
}
.xtable th{
    font-size: 16px; text-align: center;
}
.xtable th>div{
    vertical-align: middle; display: inline-flex; line-height:30px;
}
.xtable td,.xtable th{
    padding: 5px;
}
.xtable .label-value{
    font-size: 14px;
}
iframe{
    border: 0px;
}
#map{
    position: inherit; width:100%; height: 100%; border: 0px; left:0px; top: 0px;
}
div.olControlZoom{
    left:auto !important; right:5px !important; top:5px !important;
}
.map-btns{
    position:absolute; bottom: auto; top: 5px; right: 5px; width:28px; background-color:rgba(255,255,255,.5); padding:2px; border-radius: 4px; z-index: 999;
}
.map-btn{
    width: auto; height:auto; cursor:pointer; float:left; line-height:0px; padding: 2px; background-color:#5a7a9c; margin: 1px 0px;
}
.map-btn:first-child{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.map-btn:last-child{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.map-btn span{
    width:20px; height:20px; display: inline-block;
}
.map-btn[type=layer] span{
    background: url(../images/icon/layer.png) center no-repeat;
}
.map-btn[type=bookmark] span{
    background: url(../images/icon/bookmark.png) center no-repeat;
}
.map-btn[type=measureLen] span{
    background: url(../images/icon/measureLen.png) center no-repeat;
}
.map-btn[type=measureArea] span{
    background: url(../images/icon/measureArea.png) center no-repeat;
}
.map-btn[type=identify] span{
    background: url(../images/icon/identify.png) center no-repeat;
}
.map-btn[type=spatialQuery] span{
    background: url(../images/icon/spatialQuery.png) center no-repeat;
}
.map-btn[type=full-screen] span{
    background: url(../images/icon/full-screen.png) center no-repeat;
}
.map-btn[type=full-screen-exit] span{
    background: url(../images/icon/full-screen-exit.png) center no-repeat;
}

.xlayers ul{
    padding:0px 10px;
}
.xlayers ul li a{
    font-size: 14px; color: #fff; display: inline-block; width:100%; padding: 10px 0px; cursor: pointer;
}
.xlayers ul li span{
    display: inline-block;
}
.xlayers ul li .xlayer-count{
    padding:0px 5px; background-color: #c72424; margin-left: 5px; border-radius: 4px;
}
.xlayer-dir ul{
    display:none;
}
.xlayers .xlayer-dir .xlayer-icon{
    width:10px; height:10px; background:url(../images/icon/layer-dir.png) center no-repeat; margin: 1px 5px;
}
.xlayers .xlayer-item .xlayer-icon{
    width:0px; height:0px; border: 3px solid #0ff; border-radius: 3px; margin: 2px 5px;
}
.xlayers input[type=checkbox] +label{
    display:block; float: left; width:20px; height:20px; cursor:pointer; background: #0994a4; border-radius: 4px;
}
.xlayers input[type=checkbox]:checked +label::before{
    display: block; content: "\2714"; text-align: center; font-size: 16px; line-height:20px; color: #fff;
}
.xlayers input[type=checkbox]{
    display:none;
}
.full-screen{
    position:fixed; width:100%; height:100%; z-index: 9999; left: 0px; top: 0px; background-color:#0d1836; background:url(../images/background.jpg) center;
}
